<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no"/>
    <link href="css/styles.css" rel="stylesheet">
    <title>组件拖动与插入文本图片</title>
</head>

<body>

<div id="container" style="width:1080px;height:720px;background-image:url('img/bg.png')">
    <div class="draggable" id="comp1"
         style="left: 700px; top: 10px; width: 150px; text-align: right;font-size:48px; color: #ff0000;">
        妥当组件
    </div>
</div>

<!--  调试按钮  -->
  <div class="button-row">
    <button onclick="downloadHTML()">保存 HTML</button>
    <button onclick="capture()">截图 PNG</button>
    <button onclick="insertText()">插入文本</button>
  </div>
<script src="js/window.js"></script>
<script src="js/html2canvas.min.js"></script>
<script src="js/chanel_handler.js"></script>
<script src="js/drag_element_handler.js"></script>
</body>


</html>